@charset "utf-8"
#section{
	width: 100%;
	background-color: pink;
}
#section #section1 {
	width: 100%;
	height: 505px;
}

#section .banner{
	width: 100%;
	height: 35px;
	background-color: #990000;
}
/* 左边的内容 */
.banner .banner-top{
	width: 1200px;
	height: 35px;
	margin: 0 auto;
	position: relative;
}
.banner .banner-top .bannerList{
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	background-color: #fff;
	text-indent: 1.5em;
	z-index: 99;
}
.banner .banner-top .bannerList .li-six{
	height: 55px;
}
.banner .banner-top .bannerList > h3{
	width: 100%;
	height: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	background-color: #ce171f;
}
.banner .banner-top .bannerList h4{
	height: 30px;
	line-height: 30px;
}
.banner .banner-top .bannerList p.banner-con {
	height: 26px;
	line-height: 26px;
}
/*左侧商品中的li*/
.banner  .bannerList > ul > li{
	border-bottom: 1px solid #999;
	height: 82px;
	position: relative;
}
.banner  .bannerList > ul > li:nth-child(6){
	border-bottom: none;
}
.banner  .bannerList > ul > li > h4 > a:hover{
	text-decoration: underline;
}
.banner  .bannerList > ul > li > h4::before{
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/header/header-1.png);
	vertical-align: middle;
	margin-right: 6px;
}
.banner  .bannerList  li.li-one > h4::before{
	background-position: -73px -265px;
}
.banner  .bannerList  li.li-two > h4::before{
	background-position: 0 -104px;
}
.banner  .bannerList  li.li-three > h4::before{
	background-position: -14px -104px;
}
.banner  .bannerList  li.li-four > h4::before{
	background-position: -36px -104px;
}
.banner  .bannerList  li.li-five > h4::before{
	background-position: -60px -104px;
}
.banner  .bannerList  li.li-six > h4::before{
	background-position: -80px -104px;
}
.banner  .bannerList  p.banner-con > a{
	margin-right: 10px;
}
.banner  .bannerList  p.banner-con{
	overflow: hidden;
}
.banner  .bannerList  p.banner-con > a.mark{
	color: #fff;
	background-color: #ff9900;
	padding: 2px 4px;
	border-radius: 3px;
}
/* -- 右边的内容  */
.banner .banner-top .navList{
	position: absolute;
	top: 0;
	left: 190px;
	height: 35px;
}
.banner .banner-top p.navList-con > a{
	display: inline-block;
	height: 35px;
	padding: 0 24px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	position: relative;
}
.banner .banner-top p.navList-con > a:first-child{
	background-color: #B40C10;
}
.banner .banner-top p.navList-con > a:hover{
	background-color: #B40C10;
}
.banner .banner-top p.navList-con > .fav-hot::after{
	content: "";
	position: absolute;
	top: -6px;
	right: 7px;
	width: 30px;
	height: 20px;
	background:url(../images/header/header-1.png) 0 -265px;
}
.banner-top .banner-r{
	position: absolute;
	top: 35px;
	right: 0;
}
.banner-top .banner-r .banner-r-con{
	width: 190px;
	height: 156px;
}
.banner-top .banner-r .banner-r-con:nth-child(1),.banner-r .banner-r-con:nth-child(2){
	margin-bottom: 1px;
}
/*轮播图的样式开始*/
.banner .banner-box{
	width:100%;
	height: 470px;
	overflow: hidden;
	position: relative;
}
.banner .banner-middle{
	width: 1000%;
	height: 470px;
	position: relative;
}
.banner .banner-pic{
	width: 10%;
	height: 470px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
}
.banner .banner-pic > a{
	display: inline-block;
	width: 100%;
	height: 470px;
}
.banner .banner-pic > a > img {
	width: 100%;
	height: 470px;
}
/* 轮播图的小圆点 */
.banner .banner-box  ul.small-btn{
	position: absolute;
	bottom: 12px;
	left: calc(50% - 135px);
}
.banner .banner-box  ul.small-btn > li{
	float: left;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 19px;
	margin-right: 8px;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}
.banner .banner-box  ul.small-btn > li:hover{
	background-color: #f00;
}
/* 轮播图的结束 */
/* 二级菜单栏的开始 */
/*li的共同样式*/
.banner  .bannerList span.line{
	float: left;
	display: inline-block;
	width: 3px;
	height: 100%;;
	background-color: #f00;
	display: none;
}
.banner  .bannerList > ul > li:hover span.line{
	display: block;
}
.banner  .bannerList > ul > li:hover{
	background-color: #f1f1f1;
}
.submenu .submenu-list .submenu-con p.con-line {
	text-indent: 0;
}
/*li:hover的共同样式结束*/
.banner  .bannerList .li-one .submenu{
	width: 652px;
	background-color: #f1f1f1;
	position: absolute;
	top: 0;
	left:190px;
	display: none;
}
.bannerList .li-one .submenu .submenu-list > p{
	width: 90px;
	padding: 15px 12px 0 0;
	box-sizing: border-box;
	text-align: right;
}
.bannerList .li-one .submenu .submenu-list .submenu-con{
	width: 312px;
	padding: 0 15px;
	background-color: #fff;
}
.bannerList .li-one .submenu .submenu-list .submenu-con .con-line:nth-child(2){
	margin-top: 5px;
}
.li-one .submenu-list .submenu-con .con-line > a{
	vertical-align: middle;
	padding: 0 8px;
}
/* 点实线 */
.submenu-list .submenu-con .dotted-bottom {
	height: 100%;
	padding:14px 0;
	border-bottom: 1px dotted #ccc;
}
.submenu-list .submenu-con .con-line > a:hover{
	color: #ce171f;
}
.mark-two{
	color:#ff6600;
}
.submenu-list .submenu-con .con-line > a.mark-two:hover{
	color: #ff6600;
}
.submenu-list .submenu-con .dotted-bottom-none{
	border-bottom: none;
}
.banner  .bannerList  li.li-one:hover .submenu{
	display: block;
}
/*竖线的通用样式*/
.submenu-list .submenu-con .con-line > span{
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #ccc;
	vertical-align: middle;
}
.submenu .con-img img{
	display: block;
}
/*处理后面p标签内容未被填空的灰色的盒子-可以通用*/ 
.li-two .submenu .submenu-last > p{
	width: 90px;
	height: 214px;
	background-color: #f1f1f1;
}
.li-two .submenu .submenu-last > div{
	width: 342px;
	height: 214px;
	background-color: #fff;
}
/*第二个二级菜单开始*/
.banner  .bannerList .li-two .submenu{
	width: 615px;
	background-color: #f1f1f1;
	position: absolute;
	top: -83px;
	left:190px;
	display: none;
}
.li-two .submenu .submenu-list .submenu-con{
	width: 525px;
	padding: 0 15px;
	background-color: #fff;
}
.bannerList .li-two .submenu .submenu-list > p{
	width: 60px;
	padding: 15px 12px 0 0;
	box-sizing: border-box;
	text-align: right;
}
.li-two .submenu-list .submenu-con .con-line > a{
	vertical-align: middle;
	padding: 0 9px;
}
.li-two .submenu-list p.con-top {
	padding-bottom:18px;
}
.li-two .submenu-list p.con-top > a{
	display: inline-block;
	padding: 0 3px;
	text-indent: 0;
	position: relative;
}
.li-two .submenu-list p.con-top > a::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 4px;
	width: 0;
	height: 0;
	border-top:3px solid #c00;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	display: none;
}
.li-two .submenu-list p.con-top > a:nth-child(1) {
	color: #fff;
	background-color: #c00;
}
.li-two .submenu-list p.con-top > a:nth-child(1)::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 26px;
	width: 0;
	height: 0;
	border-top:3px solid #c00;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	display: block;
}
.li-two .submenu-list p.con-top > a:hover {
	background-color: #c00;
	color: #fff;
}
.li-two .submenu-list p.con-top > a:hover::after {
	display: block;
}
.li-two .submenu-list p.con-line-two {
	text-indent: 0;
}
.li-two .submenu-list p.con-line-two > a {
	display: inline-block;
	padding: 0 9px;
	width: 64px;
	height: 24px;
	text-indent: 0;
}
.submenu-list .submenu-con p.con-line-two > a:hover{
	color: #ce171f;
}
.mark-two{
	color:#ff6600;
}
.submenu-list .submenu-con p.con-line-two> a.mark-two:hover{
	color: #ff6600;
}
.li-two .submenu-list p.con-line {
	height: 24px;
}
.li-two .submenu-list:nth-child(4) .submenu-con .dotted-bottom {
	border-bottom: none;
	padding-bottom: 20px;
}
.banner  .bannerList  li.li-two:hover .submenu{
	display: block;
}
/*第二个二级菜单结束*/
/*第三个，第四个，第五个，第六个公用样式*/
.li-three .submenu .submenu-list > p,.li-four .submenu .submenu-list > p,.li-five .submenu .submenu-list > p,.li-six .submenu .submenu-list > p{
	width: 90px;
	padding: 15px 12px 0 0;
	box-sizing: border-box;
	text-align: right;
}
.li-three .submenu .submenu-list .submenu-con,.li-four .submenu .submenu-list .submenu-con,.li-five .submenu .submenu-list .submenu-con,.li-six .submenu .submenu-list .submenu-con{
	width: 495px;
	padding: 0 15px;
	background-color: #fff;
}
.li-three .submenu-list .submenu-con .con-line > a,.li-four .submenu-list .submenu-con .con-line > a,.li-five .submenu-list .submenu-con .con-line > a,.li-six .submenu-list .submenu-con .con-line > a{
	vertical-align: middle;
	padding: 0 8px;
}
/*第三个二级菜单开始*/
.li-three .submenu {
	width: 615px;
	background-color: #f1f1f1;
	position: absolute;
	top: -166px;
	left:190px;
	display: none;
}
.banner  .bannerList  li.li-three:hover .submenu{
	display: block;
}
/*处理后面p标签内容未被填空的灰色的盒子*/ 
.li-three .submenu .submenu-last > p{
	width: 90px;
	height: 146px;
	background-color: #f1f1f1;
}
.li-three .submenu .submenu-last > div{
	width: 495px;
	height: 146px;
	background-color: #fff;
}
/*上面的hover可以做这几个盒子的公用样式*/
/*第三个二级菜单结束*/
/* 第四个盒子二级菜单开始 */
.li-four .submenu {
	width: 615px;
	background-color: #f1f1f1;
	position: absolute;
	top: -249px;
	left:190px;
	display: none;
}
.banner  .bannerList  li.li-four:hover .submenu{
	display: block;
}
/*处理后面p标签内容未被填空的灰色的盒子*/ 
.li-four .submenu .submenu-last > p{
	width: 90px;
	height: 138px;
	background-color: #f1f1f1;
}
.li-four .submenu .submenu-last > div{
	width: 525px;
	height: 138px;
	background-color: #fff;
}
/* 第四个盒子二级菜单结束 */
/*<!-- 第五个盒子二级菜单开始 -->*/
.li-five .submenu {
	width: 615px;
	background-color: #f1f1f1;
	position: absolute;
	top: -332px;
	left:190px;
	display: none;
}
.banner  .bannerList  li.li-five:hover .submenu{
	display: block;
}
/*处理后面p标签内容未被填空的灰色的盒子*/ 
.li-five .submenu .submenu-last > p{
	width: 90px;
	height: 220px;
	background-color: #f1f1f1;
}
.li-five .submenu .submenu-last > div{
	width: 525px;
	height: 220px;
	background-color: #fff;
}
/* 第五个盒子二级菜单结束 */
/* 第六个盒子二级菜单开始 */
.li-six .submenu {
	width: 615px;
	background-color: #f1f1f1;
	position: absolute;
	top: -415px;
	left:190px;
	display: none;
}
.banner  .bannerList  li.li-six:hover .submenu{
	display: block;
}
/*处理后面p标签内容未被填空的灰色的盒子*/ 
.li-six .submenu .submenu-last > p{
	width: 90px;
	height: 237px;
	background-color: #f1f1f1;
}
.li-six .submenu .submenu-last > div{
	width: 525px;
	height: 237px;
	background-color: #fff;
}
/* 第六个盒子二级菜单结束 */
/*---------------------------------section2部分开始---------------------------*/
#section #section2 {
	width: 100%;
	margin-top: 14px;
	position: relative;
	overflow: hidden;
}
#section #section2 .tab-content {
	width: 1200px;
	height: 100%;
	margin:auto;
	z-index: 1;
}
#section #section2 .bg-left {
	position: absolute;
	top: 0;
	width:100%;
	height: 549px;
	left: -805px;
	background: url(../images/section/section2/7620349edd2c430f87f0a2e820fdfa08.png) no-repeat center top;
	z-index: -1;
}
#section #section2 .bg-right {
	position: absolute;
	top: 0;
	width:100%;
	height: 549px;
	right: -805px;
	background: url(../images/section/section2/e403c21ed44f4cffad1a147960217bdc.png) no-repeat center top;
	z-index: -1;
}
#section2 .tab-content-left {
	width: 920px;
	height: 100%;
}
#section2 .tab-content-right {
	width: 270px;
	height: 100%;
}
#section2 .tab-content-left ul.tab-top {
	height: 38px;
	width: 100%;
}
.tab-content-left ul.tab-top > li {
	float: left;
	width:20%;
	height: 38px;
	border:1px solid #ccc;
	box-sizing: border-box;
	border-left: none;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	position: relative;
}
.tab-content-left ul.tab-top > li span.line {
	position: absolute;
	top: -1px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: #c00;
	display: none;
}
.tab-content-left ul.tab-top > li:hover span.line{
	display: block;
}
.tab-content-left ul.tab-top > li:hover {
	border-bottom: none;
}
.tab-content-left ul.tab-top > li:nth-child(1) {
	border-bottom: none;
}
.tab-content-left ul.tab-top > li:nth-child(1) span.line {
	display: block;
}
.tab-content-left ol.tab-bottom {
	width: 100%;
	height: 460px;
	border:1px solid #ececec;
	box-sizing: border-box;
	border-top: none;
}
.tab-content-left ol.tab-bottom > li {
	width: 20%;
	height: 230px;
	float: left;
	box-sizing: border-box;
}
.tab-content-left ol.tab-bottom  li a.tab-img {
	display: inline-block;
	margin-left: 15px;
	margin-top: 12px;
}
.tab-content-left ol.tab-bottom  li p.tab-introduce{
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	margin-top: 6px;
}
.tab-content-left ol.tab-bottom > li > span {
	color: #c00;
}
.tab-content-left ol.tab-bottom  li p.tab-introduce:hover >a {
	text-decoration: underline;
	color: #c00;
}
.tab-content-right .tab-right-pic {
	overflow: hidden;
	position: relative;
}
.tab-content-right .tab-right-top {
	width: 270px;
	height: 38px;
}
.tab-content-right .tab-right-top > a{
	display: inline-block;
	width: 50%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	position: relative;
	border:1px solid #ccc;
	box-sizing: border-box;
	border-right: none;
}
.tab-content-right .tab-right-top span.line{
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #c00;
	display: none;
}
.tab-content-right .tab-right-top a:hover > span.line {
	display: block;
}
.tab-content-right .tab-right-top a:hover {
	border-bottom: none;
}
.tab-content-right .tab-right-top > a:nth-child(1) {
	border-bottom: none;
}
.tab-content-right .tab-right-bottom {
	width: 270px;
	height: 100%;
	box-sizing: border-box;
	border:1px solid #ececec;
	border-top:none;
}
.tab-content-right .tab-right-bottom p.bottom-info {
	width: 270px;
	height: 33px;
}
.tab-right-bottom p.bottom-info > a{
	display: inline-block;
	width: 49%;
	height: 100%;
	padding: 12px;
	box-sizing: border-box;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.tab-right-bottom p.bottom-info > a:hover {
	text-decoration: underline;
	color: #f70;
}
.tab-content-right .tab-right-pic .pic-con{
	width: 300%;
	height: 157px;
}
.tab-content-right .tab-right-pic:nth-child(2),.tab-content-right .tab-right-pic:nth-child(3) {
	margin-top: 10px;
	border:1px solid #ececec;
}
.tab-right-pic .pic-con2 {
	width: 300%;
	height: 178px;
}
.tab-right-pic ul.pic-btn {
	position: absolute;
	bottom: 12px;
	left: 12px;
}
.tab-right-pic ul.pic-btn > li {
	float: left;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #999;
	cursor: pointer;
	margin-left: 12px;
}
.tab-right-pic ul.pic-btn > li.on {
	background-color: #f00;
}
/*tab中间图片的内容*/
.tab-content .tab-content-middle ol.tab-content-middle-pic {
	width: 100%;
	height: 126px;
	padding: 20px 0;
}
.tab-content-middle ol.tab-content-middle-pic > li {
	float: left;
	width: 33.3%;
	height: 126px;
	padding-left: 40px;
	box-sizing: border-box;
}
/*tab下面图片的内容*/
.tab-content-bottom .bottom-recommend {
	height: 35px;
	width: 100%;
	background-color: #f9f9f9;
	padding-top: 30px;
}
.bottom-recommend > p{
	height: 100%;
	line-height: 35px;
}
.bottom-recommend p.recommend-left {
	font-size: 16px;
	position: relative;
	margin-left: 30px;
}
.bottom-recommend p.recommend-left::before{
	content: "";
	position: absolute;
	top: 8px;
	left: -30px;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	background:url(../images/section/newIndexIcon-24.png) no-repeat;
}
.bottom-recommend p.recommend-right {
	margin-right: 5px;
}
.bottom-recommend p.recommend-right > span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ccc;
	margin-left: 14px;
	cursor: pointer;
}
.bottom-recommend p.recommend-right span.on {
	background-color: #c00;
}
/*优惠推荐下面的轮播图*/
.tab-content-bottom {
	position: relative;
}
.tab-content-bottom .bottom-recommend-pic {
	width: 100%;
	height: 260px;
	overflow: hidden;
	border:1px solid #ececec;
}
.tab-content-bottom .bottom-recommend-pic .recommend-pic-bar {
	width: 300%;
	height: 260px;
}
.bottom-recommend-pic .recommend-pic-bar > ul {
	width: 1200px;
	height: 260px;
	float: left;
}
.bottom-recommend-pic .recommend-pic-bar > ul > li.pic-bar {
	float: left;
	width: 16.6%;
	height: 260px;
	box-sizing: border-box;
	position: relative;
}
.recommend-pic-bar > ul > li.pic-bar > a {
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
}
.recommend-pic-bar > ul > li.pic-bar p.recommend-text {
	margin-top: 10px;
	margin-bottom: 6px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.recommend-pic-bar > ul > li.pic-bar p.recommend-text > a:hover {
	color: #c00;
	text-decoration: underline;
}
.recommend-pic-bar > ul > li.pic-bar > span {
	color: #c00;
}
/*两边的按钮*/
.bottom-recommend-pic > i {
	position: absolute;
	top: 50%;
	margin-top: -28px;
	width: 27px;
	height: 56px;
	background-image: url(../images/section/newIndexIcon-24.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.bottom-recommend-pic > i.recommendIconLeft {
	left: 0;
	background-position: 0px -28px;
}
.bottom-recommend-pic > i.recommendIconRight {
	right: -1px;
	background-position: -27px -28px;
}
/*---------------------section3开始-----------------------*/
#section3 {
	width: 100%;
}
#section3 .contentOne {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	margin-top: 12px;
}
.contentOne .contentOneTop {
	height: 36px;
}
.contentOneTop span.white {
	display: inline-block;
	line-height: 36px;
	font-size: 16px;
	margin-left: 10px;
}
.contentOneTop i.oneIcon {
	background-position:  0 -95px;
}
.contentOneTop p.oneTopArea {
	line-height: 36px;
}
.contentOneTop .oneTopArea > a {
	display: inline-block;
	line-height: 30px;
	padding: 0 8px;
}
.contentOneTop .oneTopArea > span {
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #ccc;
	vertical-align: middle;
}
.contentOneTop p.oneTopArea > a:hover {
	color: #c00;
	text-decoration: underline;
}
.contentOneTop p.oneTopArea > a:last-child {
	border-radius: 4px;
	line-height: 22px;
	background-color: #d43d4e;
	color: #fff;
}
/*盒子的中间部分*/
.contentOneMiddle {
	border-top:2px solid #c00;
}
.contentOneMiddle .contentOneMiddle-left {
	width: 210px;
	height: 485px;
	overflow: hidden;
	position: relative;
}
.contentOneMiddle .contentOneMiddle-right {
	width: 990px;
	height: 485px;
}
.contentOneMiddle-left ul.oneMiddleBanner {
	width: 500%;
	height: 100%;
}
.contentOneMiddle-left ul.oneMiddleBanner >li {
	float: left;
}
.contentOneMiddle-left ol.middleBtn {
	position: absolute;
	left: calc(50% - 55px);  /*calc,需要注意的是, 操作符的两边都必须有空间。*/
	bottom: 20px;
	cursor: pointer;
}
.contentOneMiddle-left ol.middleBtn > li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #fff;
	float: left;
	margin-right: 8px;
}
.contentOneMiddle-left ol.middleBtn > li.on {
	background-color: #fc5422;
}
.contentOneMiddle-right .middlePic {
	width: 20%;
	height: 50%;
	box-sizing: border-box;
	float: left;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	padding-left: 12px;
	position: relative;
}
.contentOneMiddle-right .middlePic p {
	margin: 6px 0;
}
.contentOneMiddle-right .middlePic p > a:hover {
	color: #c00;
	text-decoration: underline;
}
.contentOneMiddle-right .middlePic > span {
	color: #c00;
}
.middlePic .tagBg {
	top: -1px;
	right: -1px;
}
/* 第一个盒子下面底部样式可以公用 */
.contentOne .contentOneBottom {
	width: 100%;
	height: 162px;
}
.contentOneBottom .bottomLeft {
	width: 210px;
	height: 100%;
	border:1px solid #ececec;
	box-sizing: border-box;
}
/* 公用样式 */
.bottomLeft .bottomHot {
	height: 50%;
	width: 100%;
	background-color: #f9f9f9;
	box-sizing: border-box;
	padding-left: 12px;
	padding-top: 16px;
}
.bottomLeft .bottomHot > p {
	height: 22px;
}
.bottomLeft .bottomHot > p > i {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #f00;
	vertical-align: middle;
}
.bottomLeft .bottomHot > p > span {
	color: #f00;
	margin-left: 4px;
	font-size: 14px;
	font-weight: bold;
}
.bottomLeft .bottomHot .bottomText {
	padding-left: 13px;
}
.bottomLeft .bottomHot .bottomText > a {
	display: inline-block;
	width: 31%;
}
.bottomLeft .bottomHot .bottomText > a:hover {
	color: #c00;
	text-decoration: underline;
}
.contentOneBottom .bottomRight {
	width: 990px;
	height: 162px;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	box-sizing: border-box;
}
.bottomRight .rightList {
	width: 100%;
	height: 32px;
	line-height: 32px;
}
.bottomRight .rightList  i {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	background: url(../images/section/newIndexIcon-24.png) no-repeat -35px 0;
	margin-left: 8px;
}
.bottomRight .rightList span {
	color: #d43d4e;
	vertical-align: middle;
}
.bottomRight .rightList a {
	display: inline-block;
	padding: 0 6px;
}
.bottomRight .rightList p:nth-child(1) {
	height: 32px;
}
.bottomRight .rightList p:nth-child(2) {
	margin-right: 12px;
}
.bottomRight .rightList a:hover {
	color: #d43d4e;
}
.bottomRight .rightList a.on {
	color: #d43d4e;
}
.bottomRight .rankPic {
	width: 100%;
	height: 130px;
	overflow: hidden;
}
.bottomRight .rankPic .rankBanner {
	width: 400%;
	height: 100%;
}
.rankPic .rankBanner > ul {
	width: 989px;
	height: 130px;
	float: left;
}
.rankPic .rankBanner > ul > li {
	float: left;
	width: 20%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 16px;
	padding-left: 12px;
}
.rankBanner li .rankImg {
	width: 50%;
}
.rankBanner li .rankImg img {
	cursor: pointer;
}
.rankBanner li .rankText {
	width: 50%;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 4px;
}
.rankBanner li .rankText > P {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.rankBanner li .rankText > span {
	display: inline-block;
	color: #d43d4e;
	margin-top: 12px;
}
.rankBanner li .rankText > P >a:hover {
	color: #d43d4e;
	text-decoration: underline;
}
/* --------section4开始-------------- */
#section4 {
	width: 100%;
}
#section4 .section4-content {
	width: 1200px;
	margin: auto;
	margin-top: 12px;
}
.section4-content .section4-banner-box {
	width: 1200px;
	overflow: hidden;
	position: relative;
}
.section4-content .content-title {
	width: 100%;
	height: 40px;
	position: relative;
}
.content-title p.content-official >span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 12px;
	cursor: pointer;
}
.content-title p.content-official span.on {
	color: #f00;
}
.content-title .content-line {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 90px;
	height: 2px;
	background-color: #f00;
}
.content-title .content-line::after {
	content: "";
	position: absolute;
	top: -6px;
	left: 40px;
	width: 0;
	height: 0;
	border: 8px solid #f00;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.section4-content .section4-banner {
	width: 700%;
}
.section4-banner ul.section4-pic {
	float: left;
	height: 306px;
	width: 1200px;
	box-sizing: border-box;
	border: 1px solid #ececec;
	padding-top: 15px;
	padding-left: 20px;
}
.section4-banner ul.section4-pic > li {
	float: left;
	width: 180px;
	height: 80px;
	margin-right: 15px;
	margin-bottom: 15px;
	

}
.section4-banner ul.section4-pic > li > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.section4-banner ul.section4-pic > li img {
	transition-duration: 1s;
}
.section4-banner ul.section4-pic > li:hover img {
	transform: translateX(-100px);
}
.section4-banner-box span.btn {
	position: absolute;
	width: 48px;
	height: 48px;
	top: calc(50% - 24px);
	background-image:url(../images/section/newIndexIcon-24.png);
	cursor: pointer;
}
.section4-banner-box span.btnLeft {
	left: 6px;
	background-position: 0 -130px;
}
.section4-banner-box span.btnRight {
	right: 6px;
	background-position: -55px -130px;
}
/* section4下面的部分 */
#section4 .section4-brand {
	width: 1200px;
	margin: auto;
	margin-top: 12px;
}
.section4-brand p.brand-title {
	height: 40px;
	line-height: 40px;
}
.section4-brand p.brand-title > i {
	display: inline-block;
	width: 6px;
	height: 14px;
	background-color: #ff9000;
	margin-left: 6px;
	margin-right: 10px;
	vertical-align: middle;
}
.section4-brand p.brand-title > span {
	font-size: 16px;
	vertical-align: middle;
}
.section4-brand p.brand-title > s {
	float: right;
	margin-top: 16px;
	margin-right: 14px;
	width: 8px;
	height: 8px;
	background-color: #B40C10;
}
.section4-brand .brand-box {
	width: 100%;
	height: 134px;
	border: 1px solid #ececec	
}
.brand-box .brand-box-content {
	float: left;
	width: 50%;
	height: 50%;
	box-sizing: border-box;
	padding: 4px;
}
.brand-box .brand-box-content:nth-child(1),.brand-box .brand-box-content:nth-child(2) {
	padding-bottom: 0;
}
.brand-box-content .brand-content-right {
	width: 400px;
	height: 100%;
	margin-right: 80px;
	margin-top: 10px;
}
.brand-box-content .brand-content-right > a {
	display: inline-block;
	padding: 4px 12px;
}
/* 主体部分结束 */